// comments
.mt-comments {
	.mt-comment {
		padding: 10px;
		margin: 0 0 10px 0;

		.mt-comment-img {
			width: 40px;
			float: left;

			> img {
				border-radius: 50% !important;
			}
		}

		.mt-comment-body {
			padding-left: 20px;
			position: relative;
			overflow: hidden;

			.mt-comment-info {
				@include clearfix();

				.mt-comment-author {
					display: inline-block;
					float: left;
					margin: 0px 0px 10px 0;
					color: #060606;
					font-weight: 600;
				}

				.mt-comment-date {
					display: inline-block;
					float: right;
					margin: 0px;
					color: #BABABA;
				}
			}

			.mt-comment-text {
				color: darken(#BFBFBF, 15%);
			}

			.mt-comment-details {
				margin: 10px 0px 0px 0;

				.mt-comment-status {
					text-transform: uppercase;
					float: left;

					&.mt-comment-status-pending {
						color: #B8C0F5;
					}

					&.mt-comment-status-approved {
						color: #6BD873;
					}

					&.mt-comment-status-rejected {
						color: red;
					}
				}

				.mt-comment-actions {
					display: none;
					list-style: none;
					margin: 0;
					padding: 0;
					float: right;

					> li {
						float: left;
						padding: 0 5px;
						margin: 0;

						> a {
							text-transform: uppercase;
							color: #999999;

							&:hover {
								color: darken(#999999, 20%);
								text-decoration: none;
							}
						}
					}
				}
			}
		}

		&:hover {
			background: #f9f9f9;

			.mt-comment-body {
				.mt-comment-details {
					.mt-comment-actions {
						display: inline-block;
					}
				}
			}
		}
	}
}